<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <title>众创数字资产综合运营管理平台</title>
    <link rel="stylesheet" href="layui/css/layui.css"/>
    <link rel="stylesheet" href="css/admin.css"/>
</head>
<body>
	<div class="container">
	<div class="layui-tab">
		  <ul class="layui-tab-title">
		    <li class="layui-this">提现管理</li>
		    <li>提现账户</li>
		  </ul>
		  <div class="layui-tab-content">
		    <div class="layui-tab-item layui-show">
		    	<!-- 提现管理 -->
    	<fieldset class="layui-elem-field mt10">
		  <legend>账户信息</legend>
		  <div class="layui-field-box">
			<table class="layui-table" lay-skin="nob">
			  <tbody>
			    <tr>
			      <td>待提现金额：<span class="price">1200.00</span></td>
			      <td>已提现金额：<span class="price">1200.00</span></td>
			    </tr>
			  </tbody>
			</table>

		  </div>
		</fieldset>

    	<div class="content-search">
			<form class="layui-form layui-form-pane" action="">
				<div class="layui-inline">
					<label class="layui-form-label">提现编号</label>
					<div class="layui-input-block">
						<input autocomplete="off" placeholder="请输入提现编号" class="layui-input" type="text">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">用户ID</label>
					<div class="layui-input-block">
						<input autocomplete="off" placeholder="请输入用户ID"  class="layui-input" type="text">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">手机号码</label>
					<div class="layui-input-block">
						<input autocomplete="off" placeholder="请输入手机号码"  class="layui-input" type="text">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">提现状态</label>
					<div class="layui-input-inline">
						<select name="city" lay-verify="">
						  <option value="0">请选择</option>
						  <option value="1">待审核</option>
						  <option value="2">审核通过</option>
						  <option value="3">审核不通过</option>
						  <option value="4">提现成功</option>
						  <option value="5">提现失败</option>
						</select>   
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">开始时间</label>
					<div class="layui-input-inline">
						<input class="layui-input layui-date"  placeholder="开始时间" id="start">
					</div>
				</div>
				<div class="layui-inline">
					<label class="layui-form-label">截止时间</label>
					<div class="layui-input-inline">
						<input class="layui-input layui-date" placeholder="结束时间" id="end">
					</div>
				</div>
				<div class="layui-inline"><button class="layui-btn" lay-submit="">查询</button></div>
			</form>
		</div>
		<fieldset class="layui-elem-field mt10">
		  <legend>2016-12-01 至 2016-12-28共计</legend>
		  <div class="layui-field-box">
			<table class="layui-table" lay-skin="nob">
			  <tbody>
			    <tr>
			      <td>提现金额：<span class="price">1200.00</span></td>
			    </tr>
			  </tbody>
			</table>
		  </div>
		</fieldset>
		<div class="tar mt10">
			<button class="layui-btn layui-btn-normal layui-btn-small">导出</button>
		</div>
		<div class="table-list">
			<table class="layui-table" lay-skin="line">
			  <thead>
			    <tr>
			      <th>提现编号</th>
			      <th>用户ID</th>
			      <th>用户姓名</th>
			      <th>手机号码</th>
			      <th>提现金额</th>
			      <th>到账银行</th>
			      <th>申请时间</th>
			      <th>提现状态</th>
			      <th>操作</th>
			    </tr> 
			  </thead>
			  <tbody>
			    <tr>
			     <td><a href="javascript:;" class="a1">TX00000002</a></td>
			     <td><a href="javascript:;" class="a2">10001</a></td>
			     <td>张三</td>
			     <td>13418888888</td>
			     <td><span class="price">10000.00</span></td>
			     <td>招商银行</td>
			     <td> 2017-03-11 10:25:32</td>
			     <td><span class="red">待审核</span></td>
			     <td><button class="layui-btn layui-btn-warm layui-btn-small check">审核</button><button class="layui-btn layui-btn-normal layui-btn-small a3">账户流水</button></td>
			    </tr>
				<tr>
			     <td><a href="javascript:;" class="a1">TX00000002</a></td>
			     <td><a href="javascript:;" class="a2">10001</a></td>
			     <td>张三</td>
			     <td>13418888888</td>
			     <td><span class="price">10000.00</span></td>
			     <td>招商银行</td>
			     <td> 2017-03-11 10:25:32</td>
			     <td>提现成功</td>
			     <td><button class="layui-btn layui-btn-normal layui-btn-small a3">账户流水</button></td>
			    </tr>
			  </tbody>
			</table>   
		</div>

		<div id="table-pages" style="text-align:center"></div>
    	
    	<!-- 提现管理end -->	
		    </div>
		    <div class="layui-tab-item">
		    	<!-- 提现账户 -->
		    	<div class="tar mt10">
					<button class="layui-btn layui-btn-normal layui-btn-small add">+添加提现账户</button>
				</div>
				<div class="table-list">
					<table class="layui-table" lay-skin="line">
					  <thead>
					    <tr>
					      <th>开户行所在地</th>
					      <th>开户行</th>
					      <th>支行信息</th>
					      <th>开户人</th>
					      <th>银行卡号</th>
					      <th>操作</th>
					    </tr> 
					  </thead>
					  <tbody>
					    <tr>
					      <td>深圳市</td>
					      <td>中国工商银行</td>
					      <td>深圳支行</td>
					      <td>张三</td>
					      <td>6767*******6577</td>
					      <td>
					      	<button class="layui-btn layui-btn-danger layui-btn-small a4">删除</button>
					      </td>
					    </tr>
					  </tbody>
					</table>   
				</div>
		    	
		    	<!-- 提现账户end -->
		    </div>
		  </div>
		</div>



    		
	</div>
	<script type="text/javascript" src="layui/layui.js"></script>
    <script>
		layui.use(['jquery','form','laydate','layer','laypage','element'], function(){
			var $ = layui.jquery,
			    laydate = layui.laydate,
			    layer = layui.layer,
			    laypage = layui.laypage,
			    element = layui.element();

			// 分页
			 laypage({
			    cont: 'table-pages'
			    ,pages: 2
			    ,skip: true
			  });


           // 开始时间及截止时间
            var start = {
			   choose: function(datas){
			      end.min = datas; //开始日选好后，重置结束日的最小日期
			      end.start = datas //将结束日的初始值设定为开始日
			    }
			  };
			  
			  var end = {
			    choose: function(datas){
			      start.max = datas; //结束日选好后，重置开始日的最大日期
			    }
			  };

			$('#start').click(function(){
				start.elem = this;
    			laydate(start);
			});

			$('#end').click(function(){
				end.elem = this
    			laydate(end);
			});
			
			// 会员详情
			$(document).on("click", ".a2", function() {
			    layer.open({
			      type:2
			      ,area:['50%', '70%']
			      ,title:"会员详情"
				  ,content: '会员详情.html'
				});
			});

			// 提现详情
			$(document).on("click", ".a1", function() {
			    layer.open({
			      type:2
			      ,area:['70%', '70%']
			      ,title:"提现详情"
				  ,content: '提现详情.html' 
				});
			});

			// 账户流水
			$(document).on("click", ".a3", function() {
			    layer.open({
			      type:2
				  ,area:['70%', '70%']
			      ,title:"账户流水"
				  ,content: '账户流水.html'
				});
			});

			// 提现审核
			$(document).on("click", ".check", function() {
			    layer.open({
			      type:2
				  ,area:['40%', '40%']
			      ,title:"提现审核"
				  ,content: '提现审核.html'
				});
			});

			// 提现账户
			$(document).on("click", ".add", function() {
			    layer.open({
			      type:2
			      ,area:['50%', '60%']
			      ,title:"添加提现账户"
				  ,content: '添加提现账户.html'
				  ,btn: ['取消', '确认']
				  ,yes: function(index, layero){
				       layer.closeAll();
				  }
				  ,btn2: function(index, layero){
				      layer.msg('添加成功！',{time: 1000});
				  }
				});
			});
		   
		});
	</script>
</body>
</html>